<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单详情</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/orderdetails.css">
</head>

<body class="body">
    <header class="header">
        <a href="./classify.html" class="left-arrow"></a>
        <div class="header_font">
            <p>订单详情</p>
        </div>
        <a href="" class="more"></a>
    </header>

    <contaion>
        <div class="shipments">
            <div class="shipments_img"></div>
            <div class="shipments_text">
                <div class="shipments_texta colora fontweight">
                    <p>待发货</p>
                </div>
                <div class="shipments_textb">
                    <p>买家已付款，正在等待商家发货</p>
                </div>
            </div>
        </div>
        <div class="message">
            <div class="message-top">
                <div class="message-top-l">
                    <ul>
                        <li>收货人</li>
                        <li>收货地址</li>
                    </ul>
                </div>
                <div class="message-top-r">
                    <ul>
                        <li>郭女士&nbsp;178****8520</li>
                        <li>浙江省温州市鹿城城工业区泰力路37号B栋203室</li>
                    </ul>
                </div>
            </div>
            <div class="gray-line"></div>
            <div class="message-body">
                <ul class="message-body-l">
                    <li>订单编号</li>
                    <li>下单时间</li>
                    <li>付款时间</li>
                    <li>配送方式</li>
                    <li>发货时间</li>
                    <li>优惠券</li>
                    <li>备注</li>
                </ul>
                <ul class="message-body-r">
                    <li>1761939633080133
                        <i class="copy">
                            <img src="./images/orderdetails_copy.png" no-repeat>
                        </i>
                    </li>
                    <li>2019-11-18 15:30</li>
                    <li>2019-11-18 15:40</li>
                    <li>普通配送</li>
                    <li>付款后7个工作日内</li>
                    <li>无可用</li>
                    <li>无</li>
                </ul>

            </div>
        </div>
        <div class="commodity-details">
            <div class="commodity-details-title">
               <div class="commodity-title-font">商品详情</div>
               <div>共1件</div>
            </div>
            <div class="commodity-details-body">
                <div class="commodity-pic">
                    
                </div>
                <div class="commodity-text">
                    <p>依泉润唇膏套装 保湿滋润补水无色防干裂 唇部护理唇膜淡化唇纹护唇膏...</p>
                    <i>8g/ml</i>
                </div>
                <div class="commodity-price">
                    <p>¥98.9</p>
                    <p>x1</p>
                    <a href="./return.html" class="button">申请退款</a>
                </div>
            </div>
        </div>
        <div class="logistics-information">
            <div class="logistics-information-text"><p>物流信息</p></div>
            <div class="logistics-information-textb">
                <p>暂无物流信息，请耐心等待</p>
            </div>
        </div>
    </contaion>
    <script src="./js/rem.js "></script>
</body>

</html>